<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; />
<title>select use ajax</title>

<script type="text/javascript" src="./jquery1.6.js"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$("#tinh").change(function() {
			giatri = this.value;
			$("#huyen").load("ajax_huyen.php?id_tinh=" + giatri);
		});
	});
</script>
</head>
<body>
	<select name="tinh" id="tinh">
		<option value="0">Chon tinh</option>
		<option value="hcm">TP.HCM</option>
		<option value="bd">Binh Duong</option>
	</select>
	<span id="huyen"> <select name="huyen" id="huyen">
			<option value="0">Chon huyen</option>
	</select> </span>
</body>
</html>
